<template>
  <div mapChartBox>
    <el-tabs v-model="currentView" type="card" @tab-click="handleClick">
      <el-tab-pane label="中国地图" name="ChinaChart" />
      <el-tab-pane label="百度地图" name="baiduMap" />
    </el-tabs>
    <div :is="currentView" keep-alive />
  </div>
</template>

<script>
export default {
  name: 'MapChart',
  comments: {
    ChinaChart: resolve => {
      require(['./components/ChinaChart.vue'], resolve)
    },
    baiduMap: resolve => {
      require(['./components/baiduMap.vue'], resolve)
    }
  },
  data() {
    return {
      currentView: 'ChinaChart'
    }
  }
}
</script>

<style scoped>

</style>
